본문으로 건너뛰기

Q. 옵셔널 체이닝에 대해 설명해 주세요.

🧑🏻‍💻 Answer.

✅ 정의

옵셔널 체이닝이란 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있는 방법입니다.

✅ 옵셔널 체이닝 연산자 ?.

옵셔널 체이닝 연산자(?.)는 좌항의 피연산자가 null 또는 undefined면 에러를 발생시키는 것 대신 undefined를 반환하고, 그렇지 않으면 우항으로 프로퍼티 참조를 이어갑니다.
옵셔널 체이닝 연산자(?.)를 통해 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성값을 읽을 수 있습니다. 따라서 참조가 누락될 가능성이 있는 경우 옵셔널 체이닝을 사용하면 더 짧고 간단한 표현식을 작성할 수 있습니다.

✅ 참고 코드

  // optional chaining
  var element = null;

  var value = element?.value;
  console.log(value); // undefined

  // optional chaining
  var str = '';

  var length = str?.length;
  console.log(length); // 0

🧑🏻‍💻 Answer.